<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-爆款活动-活动结束</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">-->
    <link rel="stylesheet" href="/css/purchase/activityEnd.min.css?v=<%=$version%>">
</head>
<body>
<div id="activityEnd" v-cloak>
    <header class="cityAdHotlist-top">
        <span class="goback" @click="getBack()"></span>
        活动结束
    </header>
    <div class="activityEnd-top" v-if="type==1">
        <strong class="activityEnd-icon">{{user.ranking}}</strong>
        <p class="txt30">恭喜获得<span>{{user.ranking}}</span>名</p>
        <p class="color1">乐小转手机商品折扣券1张</p>
    </div>
    <div class="activityEnd-top" v-if="type==2">
        <strong class="activityEnd-icon1">{{user.ranking}}</strong>
        <p class="txt34">您获得第{{user.ranking}}名，获奖失败</p>
        <p class="color1">很遗憾，您未能获得乐小转手机商品折扣券！</p>
    </div>
    <div class="activityEnd-cent" v-if="type==1">
        <div class="coupon-list">
            <strong class="coupon-lableIcon"></strong>
            <strong class="coupon-txt">{{burstList.discount}}折</strong>
            <strong class="slide-img" :style="bgimg(burstList.imgSrc)"></strong>
            <h6>{{burstList.title}}</h6>
            <span class="purchase-icon2"></span>
            <p>商品原价：&yen;{{burstList.pintegral}}</p>
            <div class="list-butt">
                <span class="list-btn" @click="getNext(2)">立刻使用</span>
                <!--<span class="list-btn" @click="getNext(burstList.collageCouponId)">去出售</span>-->
            </div>
        </div>
        <p>此折扣券已发送至您的账户“我的券”中</p>
        <div class="activityEnd-btn" @click="getNext(1)">查看奖品</div>
    </div>
    <div class="activityEnd-cent1" v-if="type==2">
        <div class="coupon-list">
            <strong class="coupon-lableIcon"></strong>
            <strong class="coupon-txt">{{burstList.discount}}折</strong>
            <strong class="slide-img" :style="bgimg(burstList.imgSrc)"></strong>
            <h6>{{burstList.title}}</h6>
            <span class="bursting-icon3"></span>
            <p>商品原价：&yen;{{burstList.pintegral}}</p>
            <span>前10名用户可获得此折扣券</span>
        </div>
        <div class="activityEnd-btn" @click="getBack()">去抢券</div>
    </div>

    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/activityEnd.js?v=<%=$version%>"></script>
</body>
</html>